Stella me preguntaba hace unos días la forma de añadir una imagen en los títulos de las páginas estáticas, la respuesta la di en los mismos comentarios pero a veces no solemos reparar en ellos así que veremos como hacerlo y de paso nos divertimos que es de lo que se trata. Trabajaremos siempre en la hoja de estilos es decir añadiremos los cambios antes de ]]></b:skin>
Conseguiremos color de fondo y esquinas redondeadas, en los títulos de las páginas añadiendo:


#PageList1 {
width: 100%;
}
#PageList1 ul li a {
color:#fff;
background:#000;
text-decoration: none;
font-weight: bold;
font-size: 15px;
padding: 8px 8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #cc6666;
}
#PageList1 ul li a:hover {
color:#000;
position: relative;
background:#fff;
left: 1px;
top: 1px;
}

Si lo que deseamos es que muestre una imagen de fondo:



#PageList1 {
width: 100%;
}
#PageList1 ul li a {
text-decoration: none;
font-weight: bold;
font-size: 12px;
border: 1px solid #000;
padding: 10px 18px 10px;
background: transparent url(url-imagen) left center no-repeat;
}
#PageList1 ul li a:hover {
position: relative;
left: 1px;
top: 1px;
}

Si optamos por dejar sólo texto podemos añadirle sombra.


#PageList1 {
width: 100%;
}
#PageList1 ul li a {
color: #000;
font-size: 16px;
text-shadow: 0px 2px 3px #505050;
text-decoration: none;
font-weight: bold;
padding: 2px 4px;
}

#PageList1 ul li a:hover {
position: relative;
left: 1px;
top: 1px;
}

Si en lugar de personalizar los títulos deseamos que sea el fondo de todos los títulos los estilos los añadiremos en PageList1 que es el bloque donde se encuentran los títulos.


#PageList1 {
width: 100%;
background: transparent url(url-imagen);
}

Al cambiar el texto de los enlaces probablemente también nos gustaría cambiar ese texto de la primera pestaña donde dice "Página principal" lo podemos cambiar marcando para expandir la plantilla y buscando la etiqueta <data:link.title/> la localizaremos unas líneas más abajo de <b:section class='crosscol' id='crosscol'> y la sustituimos por el texto deseado por ejemplo "Inicio" "HOME" "Blog" o cualquier otro, si lo deseamos desde ahí podemos darle un estilos distinto con la etiqueta span.

Para cambiar simplemente el título lo podemos hacer desde el gadget de páginas.
En este blog de pruebas se puede ver un ejemplo.
Estamos abiertos a más ideas ¿nos cuentas?
Anónimo

Que tal gem@, sabes como puedo ver las estadísticas de mi blog, como la cantidad de visitas por día, sin necesidad de un widget, solo quiero verlas de vez en cuando.

muchas gracias.

Responder
Anónimo

orale pues queda chido asi como para tenerlo de menu

Responder
Gem@

:: HE-MARVEL no es necesario añadir um widget puedes acceder a las estadísticas, desde un acceso directo que añadas en tu escritorio o fondo de pantalla puedes verlo, incluso añadiendo el widgwt o enlace al blog de pruebas.
Lo que si es necesario será registrase y aportar los datos que te pedirán como la url de blog, dirección de correo y poco más.
El que estoy usando ahora mismo es http://www.statcounter.com/ y funciona muy bien :)

:: Me alegra que te guste Abe Savage :)

Responder
Anónimo

Genial, como siempre Gemit@ muchas gracias!

PD: no te olvides de http://he-marvelz.blogspot.com/ para tu blog de la semana cuando tengas espacaio, :D

Saludos ;) !!

Responder
Gem@

:: HE-MARVEL los blogs que voy añadiendo como blog de la semana son blogs que se solidarizan con algún tema concreto, que dedican su tiempo a difundir información, que por algún motivo concreto y de importancia necesitan un empujón para darse a conocer.
Yo creo que lo mejor es que leas la entrada que hay sobre ese tema y así me entenderás.
http://gemablog-.blogspot.com/2009/05/blog-de-la-semana.html

Responder
J.Guti

Gema a ver si me puedes explicar esto que me pasa.Cuando añado un Witget en las nuevas páginas estáticas, tal cómo poner un formulario de contacto ,, no hace nada,es decir no funciona,ni se ve el formulario,pero si añado ese mismo código a una entrada normal,funciona perfectamente.Sabes a que puede ser debido.Gracias

Responder
Krlos Reyna

Un besote amiga gema =) espero estes muy bien =)

Responder
Gem@

:: Hola J.Guti, al principio no se visualizaban las imágenes cosa que se ha solucionado, yo he probado a añadir el script para el mapa del blog y no hay problema, pero no he probado un formulario no sabría decirte. ¿No te funciona ningún gadget?

:: Krlos Reyna me alegra verte de nuevo! :)

Responder
HLVS

Hola Gemita.

Quisiera que por favor me expliques como editar la descripcion que arroja google (en sus resultados de busqueda) de mi blog.

Responder
Gem@

:: HLVS precisamente Oloman hizo una entrada sobre ese tema :
http://oloblogger.blogspot.com/2010/03/descripcion-del-blog-en-buscadores.html

Responder
Stella

Gema, perdón, recién veo este post!!
Lo explicaste clarísimo!
Ahora viene incluído en las plantillas nuevas, pero para las otras es necesaria la explicación!
Gracias!! :)

Responder
Gem@

:: No pasa nada Stella, no hay problema :)

Responder
Radio Canchis

Tengo un problemam cuando personalizo el menu de paginas estaticas me sale debajo de la cabcera pero en forma vertical, como se hace para que quede horizontalmente? te agradeceria la respuesta

Responder
Gem@

:: 1020 AM, La Radio del Pueblo...! puede ser porque está debajo de la cabecera pero es un gadget del main, intenta arrastrar el gadget de páginas estáticas al espacio del crosscol, si vieras que lo tienes ocupado y no te da opción de añadir más gadgets busca e nla plantilla:

<div id='crosscol-wrapper' maxwidgets='1' showaddelement='yes'>

Y donde dice maxwidgets='1' añade un número mayor, según ese número será el número de gadgets que puedes añadir.

Responder
Leonardo Enrique Díaz Suárez

Hola gema y de nuevo un saludo especial!
Ultimamente recorro mucho tu blog en busca de esos tips de grán ayuda para nuestro blog.
Te cuento que inserte este código como tu dijiste, pero al momento de salvar y mirar el blog, no surtió ningun efecto?...que pudo haber pasado...yo tengo 4 páginas estáticas, incluyendo home.
Murl es http://leonardoediaz78.blogspot.com por si deseas revisarlo.
muchas gracias Gema...espero tu respuesta!

Responder
Leonardo Enrique Díaz Suárez

Ah y otra consulta Gema...como hago para que los títulos de las entradas de mi blog cambien de color cuando paso el mouse sobre ellos, asi como funciona en en el tuyo?....muchas gracias!

Responder
Gem@

:: Leonardo Enrique Díaz Suárez no veo el código añadido, tendría que verlo para saber dónde está el error.
Sobre el efecto hover en los títulos prueba añadiendo antes de ]]></b:skin>

.post-title a:hover {
color:#000;
}

Responder
Leonardo Enrique Díaz Suárez

Hola GEMA...te cuento que inserte el código que me diste para los títulos despues de ]]> y tampoco me funciono. Me he dado cuenta que siempre que trato de insertar algo despues de ]]> no me funciona...que puede ser?....la plantilla que yo uso es la denim
gracias!

Responder
Gem@

:: Es que no es después sino antes, para añadir estilos debe ser antes, si deseas añadirlos después entonces esos mismos estilos deben ir así:

<style type='text/css'>
.post-title a:hover {
color:#000;
}
</style>

Responder
Leonardo Enrique Díaz Suárez

gracias gema!!!---insertandolo despues de ]]> si me funcionó en los subtitulos...gracias!....pero cuando inserto cosas antes...no me funciona...como para el caso de la personalización de las páginas estáticas....habrá otra forma de insertarlo?..gracias!

Responder
Gem@

:: A simple visto no veo ningún problema para que no puedas añadir los estilos justo antes de ]]></b:skin> :S si quieres añade el código y así puedo ver donde está el error :)

Responder
Leonardo Enrique Díaz Suárez

ya inserte nuevamente el código antes de ]]> gema! y no sucede nada...podrias apreciar por favor?...gracias!

Responder
Gem@

:: Prueba de este modo:
.crosscol .PageList {
width: 100%;
}

.crosscol .PageList ul li a {
color:#fff;
background:#000;
text-decoration: none;
font-weight: bold;
font-size: 15px;
padding: 8px 8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #cc6666;

}

.crosscol .PageList ul li a:hover {
color:#000;
position: relative;
background:#fff;
left: 1px;
top: 1px;
}

Responder
Leonardo Enrique Díaz Suárez

ya lo inserte antes de ]]> y nada Gema antes de...aun no funciona!
que pasara?

Responder
Gem@

:: No sabría decirte Leonardo todo lo que puedo hacer es que me mandes la plantilla y cuando tenga tiempo la miro en mi blog.

Responder
Leonardo Enrique Díaz Suárez

como te la puedo enviar?...intente anexar un fragmento de ella donde esta ]]> y no me permitio?...

Responder
Gem@

:: En un mail puedes mandarla, descarga el archivo xml y lo mandas como archivo adjunto.
forevergema(arroba)gmail.com

Responder
Leonardo Enrique Díaz Suárez

hola gema!...continuo con mis dudas del pq no funciona la personalización de mis páginas estáticas en el blog y encontré esta información en www.blogcatalog.com...alli colocan un código antes de ]]> < / b:skin > pero además colocan otro antes de < / head >
mira, este es el enlace completo:
http://www.blogcatalog.com/blog/templates-acessorios/d55aa366d149d00db739602b2ab072ee
el único problema es q esta en portugués, pero creo que tu sabes muy del tema para ver si lo puedes adaptar...espero tu respuesta..mil gracias!

Responder
Gem@

:: Hola Leonardo, ese enlace es un resumen de la entrada original que hizo Rosa que por cierto funciona muy bien, puedes verlo en la siguiente url:
http://elescaparatederosa.blogspot.com/2010/03/cambiar-el-diseno-de-las-paginas.html

Responder
♥ meninheira ♥

Ay gema, esto sigue igual, bueno, ahora peor :O

He hecho lo que explicabas a alguien en el comentario 13-14 y ná, después hice lo de poner sombra y nada, que siguen en vertical y los puntitos esos no desaparecen buaaaaaaaaaaaaaaa

Responder
Gem@

:: ♥ meninheira ♥ los puntos es lo de menos, y la personalización también tiene arreglo ¿esos enlaces los has creado con páginas estáticas? o el gadget de enlaces?

Responder
♥ meninheira ♥

Ay Gema, lo creé con esa opción donde pone "Editar páginas" no sé si es eso lo que me preguntas. :$

Responder
Gem@

:: Eso es lo que te preguntaba si, y no sé otra forma de ayudarte porque aunque me mandaras la plantilla las páginas están en tu blog de todas formas si quieres me la mandas y miro si hay alguna otra cosa que paso por alto al mirar el código fuente.

Responder
♥ meninheira ♥

Gema, eres un encanto, de verdad. Gracias por ser así :D

Te cuento que Rosa probó a poner las páginas en un blog suyo de prueba y le pasó lo mismo que a mi, me dijo que como están en pruebas que probablemente sea un fallo de la aplicación. Así que ya ves, que no tiene remedio hahaha

Muchísimas gracias de verdad, sois las dos encantadoras, si el mundo estuviera lleno de gente como vosotras sería un lugar mucho mejor.

Un besito muy grande Gema :*

Responder
Gem@

:: Yo lo sigo viendo muy raro he probado a añadir las páginas estáticas al menos en 9 ó 10 plantillas y nunca he tenido problema.
Si toca esperar esperaremos :)

Responder
♥ meninheira ♥

Ay Gema, yo tampoco lo entiendo porque si el código está bien debería funcionar bien ¿no? A mi me da una rabiaaaaaaaaaaa, con la ilusión que me hacían mis paginitas hehehe Yo si te apetece ;) te hago administradora, vas miras y... ¡vences! :D :D :D

En fin, que me da verguenza seguir abusando aunque me encantaría seguir hahahaha

Un besito, me voy a mimir :)

Responder
Gem@

:: ♥ meninheira ♥ si quieres mándame invitación y mañana lo vemos en vivo y directo ;)

Responder
Leonardo Enrique Díaz Suárez

Hola Gema!..noto que siguen habiendo problemas con la personalización de las páginas estáticas...en fin
Te cuento que aplique el proceso que tienes para cambiar el favicon, y a mi si se me visualiza en internet explorer, solo que no tiene el movimiento gif como se da en firefox.
Gema, quisiera consultarte si tu sabes como puedo hacer para eliminar las fechas del gadget de archivos del blog, para que solo aparezcan mis entradas sin ser clasificadas por fechas.
Como siempre, gracias por tus acertados consejos!

Responder
Gem@

:: Hola Leonardo, hasta donde yo sé el gadget de archivos no permite quitar las fecha, el resultado de hacer eso sería un listado de enlaces con los títulos de las entradas que puede hacerse manualmente.

Responder
♥ meninheira ♥

Gracias corazón, voy a estar un día fuera así que te quedas con el timón. Bueno, espero saber hacerlo :$

Responder
♥ meninheira ♥

Creo que ya, te mandé una invitación ¿es así verdad? :)

Responder
Gem@

:: Recibida y aceptada la invitación, ahora tienes que aprobar para hacerme administrado de lo contrario no tengo acceso a la plantilla ;)

Responder
Leonardo Enrique Díaz Suárez

Gema, eso que tu me sugieres de hacerlo manualmente es con el gadget de enlaces?....o de que manera es que tu lo propones?

Responder
Gem@

:: Me refiero creando enlaces, es decir crear un listado y conforme vas dando salida a una entrada vas añadiendo el nuevo título a ese listado.
No estoy muy segura que sea eso el resultado que deseas tener.
Otra idea es añadir un mapa del sitio no sé si lo estuve hablando contigo o se trataba de otra persona, el mapa de sitio trabaja con un script, de forma automática conforme dse va actualizando el blog las entradas se van mostrando en grupos según la etiqueta, es muy simple de añadir y puedes ver el resultado en el menú que hay sobre el banner donde dice Mapa del sitio.
Si te decides a ponerlo puedes seguir estos pasos:
http://gemablog-.blogspot.com/2009/11/anadir-un-sitemaps-o-mapa-del-sitio.html

Responder
Leonardo Enrique Díaz Suárez

ok muchisimas gracias Gema! ya lo hice listando enlaces...gracias!

Responder
♥ meninheira ♥

Ya está gem@

Responder
Gem@

:: Estupendo Leonardo :)

:: Muy bien ♥ meninheira ♥ luego a la tarde me pongo en ello :)

Responder
Isaac Chavero

Hola Gema de nuevo, me ocurre como a 1020 AM en mi blog que tengo el header dividido (siguiendo tus instrucciones) si coloco el menu de paginas estaticas donde ahora tengo un menu "normal" me sale en forma de lista y no de pestañas.

Lo tengo así en http://icp-cirugiaestetica.blogspot.com/



Solo consigo que aparezca en forma de pestañas bajo la cabecera (En el croscoll) o en el footer. ¿sabes como podría ponerlo en el header? ¿o es imposible hacerlo?

Responder
Gem@

:: En el interior del header no se puede Isaac lo intentamos repetidas veces con el blog de Meninheira sin conseguirlo, lo que si puede es enlazar las pestañas del menú con las páginas estáticas y luego ocultarlas.
Tengo una entrada en borrador si no tienes mucha prisa para mañana le doy salida y ahí explico la forma de hacerlo.

Responder
Isaac Chavero

No te preocupes tengo todo el tiempo del mundo. No se me había ocurrido enlazar las páginas estáticas. A veces la solución es lo más sencillo.

Responder
DEEF

BUENO...PRIMERO QUE NADA HOLA ....ME GUSTO MUCHO TU POST...AUNQUE SOY ESTUDIANTE DE PROGRAMACION..
VISUAL BASIC...C++..Y CODIGOS POCO RELACIONADOS CON INTERNET, Y PUES NO ESTA DE MAS PEDIR HAYUDA Y ALGUNOS CONSEJOS...Y PUES TENGO UN BLOG.. Y LAS SECCIONES DE ESTE SON OTROS BLOGS UNIDOS POR LINKS EN IMAEGES...DESPUES ME ENTERE DE LO DE LAS PAGINAS FIJAS... Y PUES QUISIERA PASAR EL CONTENIDO DE TODOS ESOS BLOGS A UNO SOLO POR MEDIO DE LAS PAGINAS ESTATICAS...ESE NO ES EL PROBLEMA...SI NO QUE QUISIERA QUE LOS LINKS DE LA LISTA DE PAGINAS INDEPENDIENTES FUERAN IMAGENES DIFERENTES...YA QUE AL MODIFICAR EL CODIGO QUE PROPORCIONAS ES LA MISMA IMAGEN PARA TODOS LOS LINKS...ESPERO Y PUEDAS AYUDARME.

Responder
Gem@

:: DEEF así es como funcina con una misma imagen para todas las pestañas de los títulos.

Responder
Pancho Gamez

HOLA, :S tengo una duda: porque Google en el resultado cuando muestra mi entrada solo incluye el titulo de la entrada y la descripcion general del blog. esta es una captura de mi entrada: http://dl.dropbox.com/u/11548740/NUCLEA.JPG como notaras puse un determinado texto. y esto es lo que me sale en google: http://dl.dropbox.com/u/11548740/GOONUCLE.JPG quesiera que tambien saliera el contenido escrito de mi entra :( y en esta entrada que encontre buscando como ejemplo si aparece el contenido de la entrada: http://dl.dropbox.com/u/11548740/comic.JPG

mi blog es http://www.nuclearcomic.com/ y mi plantillas es: http://dl.dropbox.com/u/11548740/ayudaaaaa.xml agradeceria me pudiera ayudar en revizar que es lo qeu sucede, si pudieras plis

Responder
Gem@

:: nEjO mira esta entrada de Vagabundia te será de ayuda:

http://vagabundia.blogspot.com/2010/09/los-enlaces-de-sitios-de-google.html

Responder
Pablo_Adm

Y si queremos colocar imagenes DIFERENTES por CADA título de página estática? Cómo debería ser el código?

Responder
Pablo_Adm

http://macrossvoxp.blogspot.com/ Fijate lo que hice... está en construcción igual. Pero me gustaría poder colocar una imagen diferente.

Gracias Gem@.

Responder
Ivan Benitez

Buenas
Me ha sido de mucha ayuda esta entrada, ya que llevo un tiempo buscando como hacer esto, aunque se me presentó un problemilla que no consigo reparar ( soy aun muy novato en esto xD)

El problemilla es que no consigo hacer parte de gadget invisible, como verás en mi blog,en el gadget de páginas estaticas ( justo debajo del logo) a su derecha, se me queda un trocito en blanco que no consigo rellenar, y por ende si añado más paginas estaticas y se dobla la fila de ellas, ese trocito se multiplica en un gran trozo bastante notable :O

Este es mi blog "http://adoptarunamigo.blogspot.com/"

Si puedes pasarte, hecharle un vistazo y decirme como arreglarlo te estaria muy agradecido.

Saludos!

Responder
Gem@

:: Multimediaman en ese caso sería mejor enlazar con un menú, porque como verás los estilos son para todas las pestañas igual.

:: Ivan prueba con estos cambios:

#PageList1 ul li a {
background: none repeat scroll 0 0 #8A5322;
border: 1px solid #8A5322;
border-radius: 0 0 0 0;
color: #EFDA87;
font-size: 13.5px;
font-weight: bold;
padding: 10px 5px;
text-decoration: none;
margin-left: 12px;
}

#PageList1 {
background: none repeat scroll 0 0 #8A5322;
width: 950px;
}

Responder
Krone

bueno personalice las paginas pero me encontre con un problema, no puedo suprimir el espacio que hay entre un titulo y otro, en #PageList1 ul li a probre agregando margin:0px; pero sigue estando el molesto espacio...
te muestro el codigo de las paginas:

/*inicio diseño de las paginas...krone*/
#PageList1 {
/*estilo...krone*/
padding:0 0 0 10px;
width: 99%;
height:30px;
margin:0 0 10px 0px;
background: #a9e4f7; /* old browsers */
background: -moz-linear-gradient(top, #3399bb 2%, #015782 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#3399bb), color-stop(100%,#015782)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399bb', endColorstr='#015782',GradientType=0 ); /* ie */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}

#PageList1 li {
margin: 0 0 0 0px;
}

#PageList1 li a {
/*estilos para los enlaces...Krone*/
display: block;
height:30px;
padding: 6px 5px 4px 5px;
text-decoration: none;
text-align: center;
text-shadow: 1px 0px 1px #c8c8c8;
color: #121212;
text-shadow: 1px 1px 1px #333333;
}

#PageList1 ul li a {
margin-left: 0px;
margin-right: 0px;
}

#PageList1 li a:hover {
/*efecto al poner el puntero sobre el enlace...krone*/
background: #a9e4f7; /* old browsers */
background: -moz-linear-gradient(top, #2488a9 2%, #003d5c 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#2488a9), color-stop(100%,#003d5c)); /* webkit */
height:30px;
padding-top:10px
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2488a9', endColorstr='#003d5c',GradientType=0 ); /* ie */
text-shadow: 1px 1px 1px #777;
}
/*finalizo diseño de las paginas...krone*/

La verdad...me estoy volviendo loco si me podes ayudar seria genial! :D

Responder
Krone

bueno personalice las paginas pero me encontre con un problema, no puedo suprimir el espacio que hay entre un titulo y otro, en #PageList1 ul li a probre agregando margin:0px; pero sigue estando el molesto espacio...
te muestro el codigo de las paginas:

/*inicio diseño de las paginas...krone*/
#PageList1 {
/*estilo...krone*/
padding:0 0 0 10px;
width: 99%;
height:30px;
margin:0 0 10px 0px;
background: #a9e4f7; /* old browsers */
background: -moz-linear-gradient(top, #3399bb 2%, #015782 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#3399bb), color-stop(100%,#015782)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399bb', endColorstr='#015782',GradientType=0 ); /* ie */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}

#PageList1 li {
margin: 0 0 0 0px;
}

#PageList1 li a {
/*estilos para los enlaces...Krone*/
display: block;
height:30px;
padding: 6px 5px 4px 5px;
text-decoration: none;
text-align: center;
text-shadow: 1px 0px 1px #c8c8c8;
color: #121212;
text-shadow: 1px 1px 1px #333333;
}

#PageList1 ul li a {
margin-left: 0px;
margin-right: 0px;
}

#PageList1 li a:hover {
/*efecto al poner el puntero sobre el enlace...krone*/
background: #a9e4f7; /* old browsers */
background: -moz-linear-gradient(top, #2488a9 2%, #003d5c 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#2488a9), color-stop(100%,#003d5c)); /* webkit */
height:30px;
padding-top:10px
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2488a9', endColorstr='#003d5c',GradientType=0 ); /* ie */
text-shadow: 1px 1px 1px #777;
}
/*finalizo diseño de las paginas...krone*/

La verdad...me estoy volviendo loco si me podes ayudar seria genial! :D

Responder
Krone

bueno personalice las paginas pero me encontre con un problema, no puedo suprimir el espacio que hay entre un titulo y otro, en #PageList1 ul li a probre agregando margin:0px; pero sigue estando el molesto espacio...
te muestro el codigo de las paginas:

/*inicio diseño de las paginas...krone*/
#PageList1 {
/*estilo...krone*/
padding:0 0 0 10px;
width: 99%;
height:30px;
margin:0 0 10px 0px;
background: #a9e4f7; /* old browsers */
background: -moz-linear-gradient(top, #3399bb 2%, #015782 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#3399bb), color-stop(100%,#015782)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399bb', endColorstr='#015782',GradientType=0 ); /* ie */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}

#PageList1 li {
margin: 0 0 0 0px;
}

#PageList1 li a {
/*estilos para los enlaces...Krone*/
display: block;
height:30px;
padding: 6px 5px 4px 5px;
text-decoration: none;
text-align: center;
text-shadow: 1px 0px 1px #c8c8c8;
color: #121212;
text-shadow: 1px 1px 1px #333333;
}

#PageList1 ul li a {
margin-left: 0px;
margin-right: 0px;
}

#PageList1 li a:hover {
/*efecto al poner el puntero sobre el enlace...krone*/
background: #a9e4f7; /* old browsers */
background: -moz-linear-gradient(top, #2488a9 2%, #003d5c 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#2488a9), color-stop(100%,#003d5c)); /* webkit */
height:30px;
padding-top:10px
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2488a9', endColorstr='#003d5c',GradientType=0 ); /* ie */
text-shadow: 1px 1px 1px #777;
}
/*finalizo diseño de las paginas...krone*/

La verdad...me estoy volviendo loco si me podes ayudar seria genial! :D mi blog para que veas las paginas es foundincloud.blogspot.com

Responder
Gem@

:: Krone cuando se comenta con nombre/url Blogger lo toma como comentarios spam :(

Podemos añadir un valor negativo en margin y eso disminuirá ese espacio entre enlaces.

#PageList1 li {
border: medium none;
margin: 0 -20px 0 0;
}

Responder
Krone

bueno, :D gracias funciono perfecto :D no se me había ocurrido :D gracias

Responder
Gem@

:: De nada Krone :)

Responder
Inditex Denuncias
Este comentario ha sido eliminado por el autor.
Responder
Inditex Denuncias
Este comentario ha sido eliminado por el autor.
Responder
PlanetaTierra

"la etiqueta la localizaremos unas líneas más abajo de y la sustituimos por el texto deseado por ejemplo "Inicio" "HOME" "Blog" o cualquier otro, si lo deseamos desde ahí podemos darle un estilos distinto con la etiqueta span"

Lo he releído treinta veces y nada, no lo consigo y debajo me aparecen cuatro data:link.title/.He cambiado el nombre al que aparece justo debajo de "crosscol", pero no se si debo cambiárselo a las cuatro referencias.
Si alguien me puede ayudar....saludos

Responder
Inditex Denuncias
Este comentario ha sido eliminado por el autor.
Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top